﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="frmRegistrarPago.aspx.cs" Inherits="Caja.frmRegistrarPago" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <meta charset="utf-8" />
    <title>TP2 - Registrar pago</title>
    <meta name="description" content="Common form elements and layouts" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <!-- basic styles -->
    <link href="assets/css/bootstrap.min.css" rel="stylesheet" />
    <link rel="stylesheet" href="assets/css/font-awesome.min.css" />
    <!--[if IE 7]>
		  <link rel="stylesheet" href="assets/css/font-awesome-ie7.min.css" />
		<![endif]-->
    <!-- page specific plugin styles -->
    <link rel="stylesheet" href="assets/css/jquery-ui-1.10.3.custom.min.css" />
    <link rel="stylesheet" href="assets/css/chosen.css" />
    <link rel="stylesheet" href="assets/css/datepicker.css" />
    <link rel="stylesheet" href="assets/css/bootstrap-timepicker.css" />
    <link rel="stylesheet" href="assets/css/daterangepicker.css" />
    <link rel="stylesheet" href="assets/css/colorpicker.css" />
    <!-- fonts -->
    <link rel="stylesheet" href="assets/css/ace-fonts.css" />
    <!-- ace styles -->
    <link rel="stylesheet" href="assets/css/ace.min.css" />
    <link rel="stylesheet" href="assets/css/ace-rtl.min.css" />
    <link rel="stylesheet" href="assets/css/ace-skins.min.css" />
    <script src="assets/js/jquery-1.10.2.min.js" type="text/javascript"></script>
    <!--[if lte IE 8]>
		  <link rel="stylesheet" href="assets/css/ace-ie.min.css" />
		<![endif]-->
    <!-- inline styles related to this page -->
    <!-- ace settings handler -->
    <script src="assets/js/ace-extra.min.js"></script>
    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
		<script src="assets/js/html5shiv.js"></script>
		<script src="assets/js/respond.min.js"></script>
		<![endif]-->
    <script type="text/javascript">
        $(function (ready) {
            $('#NroTarjeta').hide();

            $('#ddlFormaPago').change(function () {
                $('#TextBox2').val("");

                if ($('#ddlFormaPago').val() == 1) {
                    $('#NroTarjeta').hide();
                }
                else {
                    $('#NroTarjeta').show();
                }
            });
        });        
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <table align="center">
            <tr>
                <td>
                    <h1>
                        Registrar pago</h1>
                </td>
            </tr>
        </table>
    </div>
        <div>
        <table align="center">
            <tr>
                <td style="width: 220px" class="text-left">
                    <asp:Button ID="btnSalir" runat="server" class="btn btn-primary" Text="Salir" 
                        onclick="btnSalir_Click" />
                </td>
                <td style="width: 200px" class="text-left">
                    &nbsp;
                    <asp:HiddenField ID="hfIdPaciente" runat="server" />
                </td>
                <td style="width: 200px" class="text-left">
                    &nbsp;
                </td>
                <td style="width: 180px" class="text-left">
                    &nbsp;
                </td>
            </tr>
            <tr>
                <td class="text-left">
                    <strong>Número de orden de pago</strong>
                </td>
                <td class="text-left">
                    <asp:TextBox ID="txtBuscar" runat="server"></asp:TextBox>
                </td>
                <td class="text-left">
                    <asp:Button ID="btnBuscar" runat="server" class="btn btn-primary" 
                        Text="Buscar" onclick="btnBuscar_Click" />
                </td>
                <td class="text-left">
                    &nbsp;
                </td>
            </tr>
            <tr>
                <td class="text-left">
                    &nbsp;
                </td>
                <td class="text-left">
                    &nbsp;
                </td>
                <td class="text-left">
                    &nbsp;
                </td>
                <td class="text-left">
                    &nbsp;
                </td>
            </tr>
            <tr>
                <td class="text-left">
                    <strong>Datos del paciente </strong>
                </td>
                <td class="text-left">
                    &nbsp;
                </td>
                <td class="text-left">
                    &nbsp;
                </td>
                <td class="text-left">
                    &nbsp;
                </td>
            </tr>
            <tr>
                <td class="text-left">
                    <strong>Código</strong>
                </td>
                <td class="text-left">
                    <asp:Label ID="lblCODIGO" runat="server"></asp:Label>
                </td>
                <td class="text-left">
                    <strong>Nombres</strong>
                </td>
                <td class="text-left">
                    <asp:Label ID="lblNOMBRE" runat="server"></asp:Label>
                </td>
            </tr>
            <tr>
                <td class="text-left">
                    <strong>Seguro</strong>
                </td>
                <td class="text-left">
                    <asp:Label ID="lblSEGURO" runat="server"></asp:Label>
                </td>
                <td class="text-left">
                    <strong>Apellidos </strong>
                </td>
                <td class="text-left">
                    <asp:Label ID="lblAPELLIDO" runat="server"></asp:Label>
                </td>
            </tr>
            <tr>
                <td>
                    &nbsp</td>
            </tr>
            <tr>
                <td class="text-left">
                    <strong>Detalle de orden de pago</strong>
                </td>
                <td class="text-left">
                    &nbsp;
                </td>
                <td class="text-left">
                    &nbsp;
                </td>
                <td class="text-left">
                    &nbsp;
                </td>
            </tr>
            <tr>
                <td colspan="4" class="text-left">
                    <div>
                        <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" 
                            >
                            <Columns>
                                <asp:BoundField DataField="IdServicio" HeaderText="Codigo de Servicio" />
                                <asp:BoundField DataField="Descripcion" HeaderText="Descripcion del Servicio" />
                                <asp:BoundField DataField="Cantidad" HeaderText="Cantidad" />
                                <asp:BoundField DataField="Precio" HeaderText="Precio" />
                                <asp:BoundField DataField="SubTotal" HeaderText="Monto" />
                                <asp:BoundField DataField="Total" HeaderText="Total" />
                                <asp:BoundField DataField="MontoDeducible" HeaderText="Monto Deducible" />
                            </Columns>
                        </asp:GridView>
                    </div>
                </td>
            </tr>
            <tr>
                <td>
                    &nbsp
                </td>
            </tr>
            <tr>
                <td class="text-left">
                    <strong>Forma de pago </strong>
                </td>
                <td class="text-left">
                    <asp:DropDownList ID="ddlFormaPago" runat="server" Width="200px" 
                        Enabled="False">
                        <asp:ListItem Value="1">Efectivo</asp:ListItem>
                        <asp:ListItem Value="2">Tarjeta de crédito</asp:ListItem>
                        <asp:ListItem Value="3">Tarjeta de débito</asp:ListItem>
                    </asp:DropDownList>
                </td>
                <td class="text-left">
                    &nbsp;
                </td>
                <td class="text-left">
                    &nbsp;
                </td>
            </tr>
            <tr id="NroTarjeta">
                <td class="text-left">
                    <strong>Nro de tarjeta</strong>
                </td>
                <td class="text-left">
                    <asp:TextBox ID="TextBox2" runat="server" Width="190px"></asp:TextBox>
                </td>
                <td class="text-left">
                    &nbsp;
                </td>
                <td class="text-left">
                    &nbsp;
                </td>
            </tr>
            </tr>
            <tr>
                <td class="text-left">
                    <strong>Total a pagar </strong>
                </td>
                <td class="text-left">
                    <asp:TextBox ID="lblTOTAL" runat="server" Width="190px"></asp:TextBox>
                </td>
                <td class="text-left">
                    &nbsp;
                </td>
                <td class="text-left">
                    &nbsp;
                </td>
            </tr>
            <tr>
                <td>
                    &nbsp;
                </td>
                <td>
                    &nbsp;
                </td>
                <td>
                    &nbsp;
                </td>
                <td>
                    &nbsp;
                </td>
            </tr>
            <tr>
                <td colspan="4">
                    <asp:Label ID="lblMsgError" runat="server" ForeColor="Red"></asp:Label>
                </td>
            </tr>
        </table>
        <div class="clearfix">
        </div>
        <div>
            <table align="center">
                <tr>
                    <td>
                        <asp:Button ID="btnRegistrarPago" runat="server" class="btn btn-danger" 
                            Text="Registrar Pago" onclick="btnRegistrarPago_Click" />
                    </td>
                    <td>
                        <asp:Button ID="Button3" runat="server" class="btn btn-danger" Text="Imprimir Comprobante" />
                    </td>
                </tr>
            </table>
        </div>
    </div>
    </form>
</body>
</html>
